<div class="row grid-container">
	<div class="col-sm-12">
		<table id="grid"></table>
	</div>
</div>

<div id="win" style="display: none;">
	<div class="m-a-lg">
		<ul id="tab" class="nav nav-tabs">
			<li class="active">
				<a href="#tab1" data-toggle="tab" data-original-title="">Product</a>
			</li>
			<li class="">
				<a href="#tab2" data-toggle="tab" data-original-title="">SEO</a>
			</li>
		</ul>

		<form id="form" method="post" enctype="multipart/form-data">
			<input name="p_id" type="hidden" autocomplete="off" />
			<div class="tab-content">
				<div id="tab1" class="tab-pane active m-t-lg">
					<div class="form-group">
						<label class="control-label">Category</label>
						<div>
							<select id="category" name="cp_id" class="form-control" data-options="required:true" autocomplete="off">
								<?php if(count($categories) > 0): foreach($categories as $c): ?>
								<option value="<?= $c->cp_id ?>"><?= $c->cp_name ?></option>
								<?php endforeach; endif; ?>
								<option></option>
							</select>

						</div>
					</div>
					<div class="form-group">
						<label class="control-label">Sub Category</label>
						<div>
							<select id="subcategory" name="scp_id" class="form-control" data-options="required:true" autocomplete="off">
								<?php if(count($subcategories) > 0): foreach($subcategories as $s): ?>
								<option value="<?= $s->scp_id ?>"><?= $s->scp_name ?></option>
								<?php endforeach; endif; ?>
								<option></option>
							</select>

						</div>
					</div>
					<div class="form-group">
						<label class="control-label">Prod. Name</label>
						<div>
							<input name="p_name" type="text" class="form-control" autocomplete="off" required />
						</div>
					</div>
					<div class="form-group">
						<label class="control-label">Hot Product</label>
						<div>
							<select name="p_hot" class="form-control" autocomplete="off" required>
								<option value="1">Yes</option>
								<option value="2">No</option>
							</select>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label">Descriptions</label>
						<div>
							<textarea id="p_desc" class="form-control" name="p_desc"></textarea>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label">Cover / Image</label>
						<input name="userfile" type="file" class="" autocomplete="off" />
					</div>
				</div>
				<div id="tab2" class="tab-pane wrapper">
					<div class="form-group">
						<label class="control-label">Keywords</label>
						<div>
							<textarea id="pm_keywords" class="form-control" rows="8" name="p_meta_keywords"></textarea>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label">Descriptions</label>
						<div>
							<textarea id="pm_keywords" class="form-control" rows="8" name="p_meta_descriptions"></textarea>
						</div>
					</div>
				</div>
			</div>
		</form>
	</div>
</div>

<div id="gal" style="display: none"></div>